﻿@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p,iframe{
	margin:0;
	padding:0;
	}
ul,ol,li{list-style:none;}
a{
	text-decoration:none;
	color: #000;
	outline:none;
	}
		
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	}	
input,textarea,label{vertical-align:middle;outline: none;}

.imitate-area{
	background:#FFF;
	color:#666;
	}
.imitate-head{
	width:1000px;
	margin:0 auto;
	}
.imitate-top{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 85px;
	overflow: hidden;
	}
.imitate-top-le{
	float: left;
	width: 262px;
	height: 85px;
    background: url(../images/主页图/index-modal1_r1_c1.png) no-repeat;	
}	
.imitate-top-le a{
	float: left;
	width: 262px;
	height: 85px;
    text-indent: -4000px;
}	
.imitate-top-ri{
	float:left;
	margin-left:0;
	width: 738px;
	height: 85px;
	background: url(../images/主页图/index-modal1_r1_c2.png) no-repeat;
}	
.imitate-top-ri a{
	float: left;
	width: 738px;
	height: 85px;
}
.imitate-nav{
	height:44px;
	width:100%;
	background-color:#5b5691;
	}
.nav{
	width:1000px;
	margin:0 auto;
    background-color:#5b5691;
	}	

.nav a{
	float:left;
	text-align:center;
	color:#fff;
	width: 130px;
	height:44px;
	line-height:44px;
	position:relative;
	/*width:129px;*/
	font-size:20px ;
	}			
.nav a:hover{
	background-color:#3d3971;
	}
.nav .active,.nav #active{
	background-color:#3d3971;
}

.lo-lb{
	height:340px;
	background:#EAE6E6;
	}	
.imitate-content{
	width:1000px;
	margin:0 auto;
	height:340px;
	background:#FFF;
	}
.imitate-content-left1{
	width:258px;
	border:1px solid #CCC;
	height:338px;
	float:left;
	margin:0px;
	}	
.imitate-content-right1{
	width:740px;
	height:340px;
	float:left;
	margin:0px;
	overflow:hidden;
	background:#EAE6E6;
	}	
.lb{
	width:730px;
	float:right;
	}	
	login css
.login-box{
	width:256px;
	border:1px solid #CCC;
	background-color:#FFF;
	}

.login-input h3{
	padding-top:12px;
	padding-left:14px;
	}	
.login-input1{
	width:226px;
	height:24px;
	border:1px solid #CCC;
	padding-left:3px;
	margin-top:5px;
	margin-left:14px;
	}		
.remember-forget{
	font-size:12px;
	height:22px;
	margin-top:8px;
	}
.remember-pa{
	float:left;
	height:12px;
	margin-top:5px;
	margin-left:14px;
	}
.remember-pa1{
	float:left;
	height:12px;
	margin-top:5px;
	margin-left:4px;
	}	
.reg{
	position:relative;
	float:right;
	height:12px;
	margin-top:5px;
	margin-right:20px;}	
.reg1{
	position:relative;
	float:right;
	height:12px;
	margin-top:5px;
	margin-right:12px;}	
.cl-login-btn{
	font-size:14px;
	font-weight:bold;
	width:226px;
	height:37px;
	line-height:37px;
	text-align:center;
	background-color:#d25748;
	color:#FFF;
	display:block;
	box-shadow:0 2px #f5f5f5;
	margin-top:8px;
	margin-left:14px;
	}
.fast-login{
	height:24px;
	margin:8px;
	margin-left:2px;
	}

.fas{

	font-size:13px;
	float:left;
	height:20px;
	margin-top:5px;
	margin-right:0px;
	padding-left:15px;
	}
.u-qq,.u-sina,.u-rr,.u-tx,.u-bz{
	margin-left:2px;
	}
.more{
	margin-top:8px;
	margin-left:14px;
	}	
.more-fuc{
	width:112px;
	height:40px;
	border:1px solid #CCC;
	float:left;
	margin:0;
	line-height:45px;
	text-align:center;
	font-size:13px;
	}
.more-fuc span{
     margin-top:45px
	}	
.more-fuc a{
	text-decoration:none;
	color:#666;
	}	
.more-fuc a:hover{
	color:#F63;
	}			
.a,.b,.c,.d{
	float:right;
	margin-right:20px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	}		
.content{
	width:1000px;
	margin:0 auto;
	}
.content-left{
	width:258px;
	float:left;
	margin-top:10px;
	}		
.content-right{
	width:740px;
	float:left;
	margin:0px;
	overflow:hidden;
	}
<!--首页图片轮播-->
#main { 
     display: block; 
	 width:730;
	 height:340px;
	 margin:0 auto; 
	 position: relative; 
	  }
	  
#index_b_hero { 
	 width:730px;
	 height: 340px; 
	 overflow: hidden; 
	 margin: 0px auto 10px 10px; 
	 position: relative; 
	 }
	
.hero img { 
     width: 730px; 
	 height: 340px; 
	 }
 .heros { 
     width: 730; 
	 height: 340px;
	  }
 .hero-wrap {
	 overflow: visible; 
	 position: absolute; }
.next, .prev {
	background:url(http://image.kuwo.cn/www2014/empty.gif);  
	position: absolute; 
	top: 0;  
	width: 650px; 
	height: 340px; 
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF');
	background:rgba(255,255,255,0.60);
	}
 .next:hover,  .prev:hover {
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF');
	background:rgba(255,255,255,0.65);
	}
 .prev { left: -650px; }

.next { left: 720px; }

 .disabled { background-color: #eee; }

 .hero { 
	  position: absolute; 
	  top: 0; 
	  left: 0; 
	  width: 730px; 
	  height: 340px; 
	  overflow: hidden; 
	  left: 730px; 
	  }
 .mask-right { left: -100px;}
 .mask-left { right: -100px;}
 .active { z-index: 2; left: 0;}
 .mask-right, #index_b_hero .mask-left{ 
      position:absolute; 
	  top:50%; 
	  height:78px; 
	  width:78px; 
	  overflow:hidden; 
	  margin-top:-39px; 
	  background:url(http://image.kuwo.cn/www2014/FocusBtn.png) no-repeat; 
	  z-index:1000; 
	  display:none;
	  }
#index_b_hero .mask-right{ background-position:-78px 0;}

#index_b_hero .mask-right:hover{ background-position:-78px -78px;}

#index_b_hero .mask-left{ background-position:0 0;}

#index_b_hero .mask-left:hover{ background-position:0px -78px;}
	
<!--选项卡面板-->	
.recommend-server{
	margin-top:10px;
    margin-left:0px;
	}
.select-rec{
	width:258px;
	height:275px;
	border:1px solid #CCC;
	margin-top:0px;
	}
.tab-panel{
        min-height: 230px;
        font-size:14px;
		 }
.selected{
    	background: #EAE9E9;
    	border-top: 2px solid #5b5691;
    }
.hide{display: none;}

.table-list{
        width:258px;
		height:35px;
		margin:0;
		padding:0;
        }
#zxkf{
	width: 125px;
	height: 35px;
    }
#xftj{
	width: 125px;
	height: 35px;
    }
#xw{
	width: 125px;
	height: 35px;
    }
#hd{
	width: 125px;
	height: 35px;
    }
.table-list li{
	display:inline-block;
    list-style-type:none;
    height: 35px;
    line-height: 35px;	
    text-align: center;
	}
table{
	margin-top:10px;
	font-size:13px;
	}
.tb-left{
	padding:6px;
	width:65px;
	}
 .tb-right{
	 text-align:center;
	 width:80px;
	 padding-right:6px;
	 } 	         
 .recommend-server a{
	 text-decoration:none;
	 color:#000;
	 }        
.recommend-server a:hover{
	 color:#F93;
	 }
.sm-d{
	height:66px;
	width:256px;
	}	                
.rec img{
	margin:0 auto auto 10px;
	}      
.rec-left{
	float:left;
	text-align:left;
	padding-left:8px;
	height:16px
	}           
 .rec-right{
	float:right;
	text-align:right;
	margin-top:0;
	padding-left:40px;
	height:16px
	}  
.recommend-server2{
	height:320px;
	margin-top:10px;
	border:1px solid #CCC;
	}
.recommend-server2 a{
	color:#000;
	text-decoration:none;
	}
.recommend-server2 a:hover{
	color:#F93;
	}
.hot-news{
	margin-top:15px;
	text-align:center;
	font-size:13px;
	}	
.hot-news hr{
	border:1px dashed gray;
	width:215px; 
	margin-bottom:2px;
	}
.hot-news li{
	width:230px;
	height:15px;
	line-height:20px;
	margin-top:15px;
	padding-left:10px;
	overflow:hidden;
	}	
.contact-us{
	margin-top:10px;
	width:257px;
	height:250px;
	border:1px solid #CCC;
	background:url(../images/contact-us/bg-con.png);
	}	
.contact-im{
	margin-top:4px;
	margin-left:10px;
	}	
.wb-contact-us{
	margin-top:10px;
	width:257px;
	height:110px;;
	border:1px solid #CCC;
	background:url(../images/contact-us/bg-con.png);
	}	
.contact-wb{
	float:left;
	margin-top:4px;
	margin-left:10px;
	border-right:1px solid #CCC;
	}	
.contact-wb1{
	float:left;
	margin-top:4px;
	margin-left:10px;
	}		
.healthy-game{
	margin-top:10px;
	width:255px;
	height:60px;;
	border:1px solid #CCC;
	background:url(../images/contact-us/bg-con.png);
	}	
.healthy-game-img{
	margin-left:20px;
	margin-top:0px;
	}	
.friendly-link{
	margin-top:10px;
	width:252px;
	height:30px;
	border:3px solid #CCC;
	background:url(../images/contact-us/bg-con.png);
	position: relative;

	}
.friendly-link img{
	margin-left:10px;
	padding-top:5px;
    }
 .frame-link {
 	width:252px;
	height:30px;
 }	
.graybd{
	width: 250px;
	height: 30px;
	line-height: 30px;
	font-family: "黑体";
	font-weight: bold;
	text-align: center;
	background: #CCC;
	color: #fff;
    display:none; 
	position:absolute; 
	left:1px; 
	top:2px; 
	z-index:100;  
	opacity:1.0;/*透明度控制*/
    border:1px solid #999;
}	
<!--hot-game-->
.hot-game{
	margin-top:10px;
	}
	
.hot-title-box{
	width:728px;
	height:35px;
	float:right;
	background:url(../images/%E4%B8%BB%E9%A1%B5%E5%9B%BE/lo-lb-bg.png);
    border:1px solid #CCC;
	}
	
.hot-title-box h2{
	display:inline;
	height:35px;
	line-height:35px;
	padding-left:5px;
	}	
.hot-title-box h2 img{
	display:inline-block;
	float:left;
	padding-top:5px;
	padding-left:10px;
	padding-right:5px;
	}		
.imitation-select-box{
	display:inline-block;
	float:right;
	width: 120px;
	height: 40px;
	margin-right: 10px;
	}
#gamecard{
	width: 120px;
	height: 24px;
	margin-top: 3px;
	padding-left: 5px;
	position: relative;
	outline: none;
	cursor: pointer;
}		
#game-sel{
	width: 125px;
	border:1px solid gray;
	background: #fff;
	margin: 0 auto;
	display: none;
	position: absolute;
	z-index: 1000;
}
#game-sel a{
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding-left: 10px;
	color: gray;
}
#game-sel li:hover{
	background: #BEE4D4;
}
.hot-game-img{
	width:728px;
	height:200px;
	border:1px solid #CCC;
	margin-top:10px;
	margin-left:10px;
	}		
.hot-game-img img{
	float:left;
	padding-left:10px;
	padding-top:15px;
	margin-bottom:15px;
	}	
	<!--鼠标滑过浮动-->	
.frame {  
    float:left; 
    margin-right:5px; 
    display:inline-block;
	}
.wrap {
	  float:left;
	  width:240px; 
      height:155px; 
      position:relative; 
      overflow:hidden; 
      font-family:arial, sans-serif;
	  }
.wrap a{
	color:#FFF;
	}	  
.wrap img {
	display:inline-block;}
.wrap div {
	width:212px;
	height:155px;
	padding:155px 0px 4px 0px;
	position:absolute;
	margin-left:10px;
	top:0px;
	}
.wrap div b {
	display:block; 
	width:224px; 
	height:134px; 
	position:absolute; 
	left:0; 
	top:155px; 
	z-index:1; 
	background:#FFF; 
	opacity:1.0;/*透明度控制*/
    border:3px solid #999;
 }
.wrap div h3{
	font-size: 13px; 
	color: fcfcfc;
	float: right;
	height: 30px;
	line-height: 30px; 
	text-align: center; 
	margin: 0; 
	padding-right: 10px;
	}
.wrap div span{
	font-size:13px; 
	color:#000;
	float:left;
	height:30px;
	line-height:30px; 
	text-align:center; 
	margin:0; 
	padding-left:15px;
	}
.wrap div b p {
	font-size:12px; 
	color:#CCC;
	line-height:16px;
	padding:10px;
	height:44px;
	font-weight:normal;
	}
.clear {clear:both;}
.qwe{
	z-index:500;
	color:#000;
	}	
.go-new-server{
			width:99px;
			height:30px;
			*height: 32px;
			background:#d25748;
			color:#FFF;
			text-align:center;
			float:left;
			font-weight:bold;
			top:85px;
			}
.go-game{
			width:100px;
			*height: 32px;
			background:#66C;
			color:#FFF;
			text-align:center;
			float:right;
            font-weight:bold;
            top:80px;
		}
<!--精品游戏-->
.high-quality-game{
	margin-top:10px;
	}
	
.high-quality-game-title-box{
	width:728px;
	height:35px;
	float:right;
	margin-top:0px;
	background:url(../images/%E4%B8%BB%E9%A1%B5%E5%9B%BE/lo-lb-bg.png);
	border:1px solid #CCC;
	}
.good-game{
	height:30px;
	width:120px;
	float:left;
	}
.good-game-cont a{
	 text-decoration:none;
	 color:#FFF;
	}		
.good-game img{
	float:left;
	padding-top:6px;
	padding-left:15px;
	}
.good-game span{
	display:inline-block;
	float:left;
	padding-top:9px;
	padding-left:5px;
	}	
.more-game{
	width:120px;
	height:30px;
	float:right;
	}
.more-game img{
	float:left;
	margin-top:7px;
	padding-top:6px;
	padding-left:30px;
	}			
.more-game span{
	display:inline-block;
	float:left;
	margin-top:9px;
	margin-right:5px;
	padding-left:2px;
	}	
.more-game span a{
	color:#000;
	font-size:14px;
	}
.high-quality-game-cont{
	width:728px;
	height:720px;
	border:1px solid #CCC;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	}	
.good-game-cont{
	width:310px;
	height:140px;
	float:left;
	margin-top:25px;
	margin-left:30px;
	}
.good-game-cont	table{
	width:320px;
	height:140px;
	}
td  img{
	float:left;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
	}		
.rec-mess1{
	float:left;
	padding-left:10px;
	text-align:left;
	line-height:25px;
	font-size:15px;
	}	
.rec-mess2{
	float:left;
	padding-left:10px;
	text-align:left;
	height:15px;
	line-height:15px;
	font-size:13px;
	}	
.rec-mess3{
	float:left;
	padding-left:10px;
	text-align:left;
	height:20px;
	line-height:20px;
	font-size:13px;
	}
.rec-mess4{
	float:left;
	padding-left:10px;
	text-align:center;
	height:60px;
	}		
.rec-mess4 span{
	display:inline-block;
	float:left;
	text-align:center;
	width:70px;
	height:25px;
	line-height:25px;
	font-size:13px;
	background:#66C;
	margin-top:35px;
	}	
.rec-mess4 h3{
	display:inline;
	float:left;
	margin-left:10px;
	text-align:center;
	width:70px;
	height:25px;
	line-height:25px;
	font-size:13px;
	background:#d25748;
	margin-top:35px;
	}	
.activity-cont{
	width:728px;
	height:232px;
	border:1px solid #CCC;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:15px;
	}	
.activity-cont1{
	float:left;
	margin-top:-10px;
	margin-left:10px;
	padding-top:10px;
	width:350px;
	}	
.act-mess1{
	text-align:left;
	padding-left:10px;
	}	
.foot{
	width:1000px;
	margin:0 auto;
	text-align:center;
	margin-bottom:40px;
	font-size:13px;
	}		
.foot a{
	text-decoration:none;
	color:#000;
	}
.footer{
	margin-bottom:5px;
	}	
.footer a{
	color:gray;
	}	
.foot h3{
	margin-top:5px;
	margin-bottom:5px;
	}		
.footer_nav{
	margin-bottom:5px;
	}	
